<template>
   <Tabbar>
          <TabbarItem path="/home" activeColor="blue">
            <img  slot="item-img" src="~assets/img/home.svg" alt="">
            <img  slot="item-img-active" src="~assets/img/home_active.svg" alt="">
            <div slot="item-text">首页</div>
          </TabbarItem>
          <TabbarItem path="/category" activeColor="blue">
            <img  slot="item-img" src="../assets/img/category.svg" alt="">
            <img  slot="item-img-active" src="../assets/img/category_active.svg" alt="">
            <div slot="item-text">分类</div>
          </TabbarItem>
          <TabbarItem path="/cart" activeColor="blue">
            <img  slot="item-img" src="../assets/img/cart.svg" alt="">
            <img  slot="item-img-active" src="../assets/img/cart_active.svg" alt="">
            <div slot="item-text">购物车</div>
          </TabbarItem>
          <TabbarItem path="/user" activeColor="blue">
            <img  slot="item-img" src="../assets/img/user.svg" alt="">
            <img  slot="item-img-active" src="../assets/img/user_active.svg" alt="">
            <div slot="item-text">我的</div>
          </TabbarItem>
      </Tabbar>
</template>

<script>
import Tabbar from 'components/Tabbar/Tabbar.vue'
import TabbarItem from "components/Tabbar/TabbarItem.vue"
export default {
    components:{
        Tabbar,
        TabbarItem
    }
}
</script>

<style>

</style>